/* 
//////////////////////////--header头部--/////////////////////////////////
 */
 
/* 全局默认样式 */
*{
    margin:0;
    padding:0;
    user-select: none;
}
:root{
    --title:#333;
    --footer:#222;
    --yellow:#BF9759;
}
ul,ol,a{
    list-style-type:none;
    text-decoration: none;
}
body{
    background:#fff;
    overflow-x: hidden;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
/* 
//////////////////////////--header头部--/////////////////////////////////
 */

/* 顶部欢迎部分 */
.title{
    width:100vw;
    height:40px;
    background-color:var(--footer);
    text-align:center;
    line-height:40px;
    color:#fff;
}
.title span{
    float:left;
}
.title a{
    float:right;
    margin-left:30px;
    color:#fff;
}
.title a:hover{
    text-decoration: underline;
}
.centerbar{
    width:1200px;
    margin:0 auto;
}
.touch img{
    border-radius: 5vw;
    border:1px solid transparent;
    margin-top:6px;
}
.touch:hover img{
    border:1px dashed #e3e3e3;
}
.footer{
    bottom:0;
}

/* LOGO部分 */
.logo{
    width:1200px;
    margin:0 auto;
    margin-top:35px;
}
.logo div{
    float:right;
    font-size:25px;
    line-height:53px;
    padding-left:40px;
    background:url(../Images/Index/phone.png) no-repeat left center;
}
.logo span{
    color:var(--yellow);
}

/* 导航标题 */
.header{
    width:100vw;
    height:65px;
    background:var(--title);
    margin-top:35px;
    /* position:sticky;
    top:0;
    z-index:1; */
}
.header div{
    width:1200px;
    margin:0 auto;
}
.header ul li{
    float:left;
    line-height:65px;
    width:100px;
    margin-left:25px;
    margin-right:25px;
    text-align:center;
    transform: skew(-30deg);
    transition:all .2s ease-out;
}
.header ul li a{
    color:#fff;
    display:block;
    line-height: 64px;
    transform: skew(30deg);
}
.header ul li:hover{
    background-color:var(--yellow);
    cursor:pointer;
    /* transform:skewX(-45deg); */
}



/* 
//////////////////////////--footer底部--/////////////////////////////////
 */
 /* 底部导航栏 */
 .footbar{
    background:var(--footer);
    height:115px;
    width:100vw;
    text-align:center;
    color:#fff;
    font-size:12px;
    font-weight:inherit;
    position:relative;
    float:left;
 }
 .footbar a{
    display:inline-block;
    color:#fff;
    line-height:30px;
    margin:30px 15px 0 15px;
 }
 .footbar a:hover{
    text-decoration: underline;
    opacity: 0.7;
 }
 .footbar p{
    line-height:35px;
    display:block;
    font-size:0.3;
 }
 .footbar hr{
    width:70%;
    size: 1px;
    text-align:center;
    display:inline-block;
    position:flex;
    justify-content: center;
    border-bottom:var(--title);
 }
 @media only screen and (max-width:930px){
    /* footbar底部 */
    .footbar hr,.footbar p{
        display:none;
    }
    .footbar a{
        line-height:10px;
    }
}

